<template>
  <div class="footer_btn">
      <div class="btn_deta" @click="$router.push({path:'/call'})">
          <img src="~assets/img/phone@2x.png" alt="">
          <span>一键呼叫</span>
      </div>
      <div class="btn_deta current" @click="$router.push({path:'/interactive', query:{type:'yjfankui'}})">
           <img src="~assets/img/submit@2x.png" alt="">
          <span>意见反馈</span>
      </div>
  </div>
</template>

<script>
export default {
    name:'FooterBtn'
}
</script>

<style lang="less" scpoed>
.footer_btn{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 15px;
    display: flex;
    height: 50px;
    line-height: 50px;
    background: #fff;
    .btn_deta{
        padding: 0 30px;
        flex: 1;
        color: #28C08D;
        display: flex;
        justify-content: space-between;
        img {
            margin: auto;
            width: 23px;
            height: 23px;
        }
        span {
            flex:1;
            text-align: center;
        }
    }
}
.current{
    background: #28C08D;
    color: #fff !important;
}
</style>